<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	template="/templates/customers.xhtml">

	<ui:define name="customerContent">
		<h:form id="detallesReserva">
			<center>
				<rich:panel styleClass="bloquecentral">
					<div align="center">
						<a:outputPanel id="panelReservar">
					
						<rich:panel style="width: 650px;">
							<f:facet name="header"> Detalles de la Reserva</f:facet>
							<h:panelGrid columns="2">
								<h:outputText value="Fecha de la Reserva" />
								<h:inputText value="#{reserva.fecha}" readonly="true" ><s:convertDateTime dateStyle="medium"></s:convertDateTime></h:inputText>
								<h:outputText value="" />
								<h:selectOneRadio value="#{reserva.almuerzo}" readonly="true">
									<f:selectItem itemLabel="Almuerzo" itemValue="true"/>
									<f:selectItem itemLabel="Cena" itemValue="false"/>
								</h:selectOneRadio>
								<h:outputText value="Num. Comensales Zona No Fumadores" style="margin-top: 20px;"/>
								<h:inputText value="#{booking.numNoFumadores}" readonly="true" >
								
								<h:outputText value="Num. Comensales Zona Fumadores" />
								<h:inputText value="#{booking.numFumadores}" readonly="true" >
							</h:panelGrid> 
							<br/><br/>
							
							
							<a:commandButton value="Confirmar Reserva" action="#{booking.confirmarReserva}"/>
							<br /><br /><br />
							<h:messages globalOnly="true"/>
						</rich:panel>
					</div>
					<rich:spacer height="200px;"/>
				</rich:panel>
				
			</center>
		</h:form>
	</ui:define>
</ui:composition>